<template>
  <div>
    {{ computedName }}
  </div>
</template>

<script setup>
import {reactive,computed,ref} from 'vue'

const firstName=ref('aaa')
const secName=ref('bb')

const arrReact=reactive([1,2,3,4,5,6,7,8,9])
const currentClass=ref(false)

const changeName=()=>{
  console.log(secName)
  secName.value=Math.random()
} 

const computedName=computed(()=>{
  return `100${secName.value}**${firstName.value}`
})
</script>

<style lang="scss" scoped>

</style>

